﻿@using MyTimeLine.Util
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>

    <link href="@Url.Content("~/Content/themes/reset.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/grid.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/grid_right.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/form.css")" rel="Stylesheet" type="text/css"/>
    <link href="@Url.Content("~/Content/gritter.css")" rel="Stylesheet" type="text/css"/>

    <link href="@Url.Content("~/Content/MyTimeline.css")" rel="stylesheet" type="text/css" />

    <link href="@Url.Content("~/Content/themes/start/jquery-ui-1.9.2.custom.min.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.9.2.custom.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.gritter.min.js")" type="text/javascript"></script>


    <script type="text/javascript">
        $(function () {
            // Initialize dialogs ...
            var internalErrorMessage = $("#InternalServerErrorDialog").html();
            var notFoundErrorMessage = $("#NotFoundInfoDialog").html();

            // Set up AJAX error handling ...
            $(document).ajaxError(function (event, jqXhr, ajaxSettings, thrownError) {

                var gritterOpcoes = {};
                var imageUrl = '@Url.Content("~/Content/images/error.png")';
                
                if (jqXhr.status == 404) {
                    gritterOpcoes = {
                        title: "Not Found Error",
                        text: notFoundErrorMessage,
                        class_name: 'gritter-light',
                        image: imageUrl,
                        sticky: false,
                        time: 10000
                    };
                    $.gritter.add(gritterOpcoes);
                } else if (jqXhr.status == 500) {
                    gritterOpcoes = {
                        title: "Internal Server Error",
                        text: internalErrorMessage,
                        class_name: 'gritter-light',
                        image: imageUrl,
                        sticky: false,
                        time: 10000
                    };
                    $.gritter.add(gritterOpcoes);
                } else {
                    alert("Something unexpected happend :( ...");
                }
            });
        });
</script>


    <script type="text/javascript">
        $(document).ready(function () {
            var currentMenu = '@ViewBag.CurrentMenu';
            if (currentMenu != '') {
                $(currentMenu).addClass("current");
            }

            var gritterMessage = '@ViewBag.GritterMessage';
            if (gritterMessage != '') {
                var gritterObj = gritterMessage.split(",");
                var imageUrl = '@Url.Content("~/Content/images/")' + gritterObj[2] + '.png' ;
                
                var gritterOpcoes = {
                    title: gritterObj[0],
                    text: gritterObj[1],
                    class_name: 'gritter-light',
                    //image: 'images/' + gritterObj[2] + '.png',
                    image: imageUrl,
                    sticky: false,
                    time: gritterObj[3]
                };

                if (gritterObj[2] == null || gritterObj[2]==='') {
                    gritterOpcoes = {
                        title: gritterObj[0],
                        text: gritterObj[1],
                        class_name: 'gritter-light',
                        sticky: false,
                        time: gritterObj[3]
                    };
                }

                $.gritter.add(gritterOpcoes);
            }


        });
    </script>

</head>

<body >
<div class="container_48">
   
    <div id="mytimeline_header" >

        
        <div id="mytimeline_logo_area">
            <div id="mytimeline_logo">
                @Html.ActionLink("MyTimeline", "Index", "Home", null, new { @id = "mytimeline_logo_link" })
            </div>
                
            <div id="mytimeline_slogan">Your task control</div>
        </div>
            
        <div id="mytimeline_social">
            	
            <a href="#"><img src="../../Content/images/mytimeline_icon_3.jpg" alt="RSS" /></a>
            <a href="#"><img src="../../Content/images/mytimeline_icon_2.jpg" alt="Twitter" /></a>
            <a href="#"><img src="../../Content/images/mytimeline_icon_1.jpg" alt="Delicious" /></a>

            <form action="#" method="post">
                	<input type="text" placeholder="Search" value="" name="q" class="field"  title="email" />
                	<input type="submit" name="search" value = ""  class="button" title="Subscribe" />
            </form>
                
        </div>
            
        <div id="mytimeline_menu">
            <!-- 6 itens de menu -->
            <ul>
                <li>@Html.ActionLink(@Mensagens.Menu_Link_Home, "Index", "Home", null, new { @id = "mnuHome" })</li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Testimonial</a></li>
                <li>@Html.ActionLink(@Mensagens.Menu_Link_Contato, "Contato", "Home", null, new { @id = "mnuContato" })</li>
                <li>@Html.ActionLink(@Mensagens.Menu_Link_About, "About", "Home", null, new { @id = "mnuAbout", @class = "last" })</li>
            </ul>    	
    	</div> <!-- end of menu -->
            
    </div>
    
    <div id="mytimeline_left">
        
        <div class="mytimeline_section_2">
            <h1>News &amp; Events</h1>
            <div class="green">
                <h3>18 December 2024</h3>
                <p>Pellen tesque dolor nulla, con gue vitae, frin gilla in, varius a, orci ma uris con.</p>
            </div>
                    
                <div class="blue">
                <h3>22 November 2024</h3>
                <p>Proin vel libero id erat venen atis accu msan. Nunc blan dit orci sit amet risus.</p>
            </div>
                    
                <div class="yellow">
                <h3>30 October 2024</h3>
                <p>Duis pul vinar scele risque ante. Mor bit risti  que, risus quis congue pul vinar.</p>
            </div>
        </div>
                
        <div class="templaemo_h_line"></div>
                
        <div class="mytimeline_section_1">
            <div class="top">
                <h1>Testimonials</h1>
                <span class="title">
                    WHAT THAY SAY
                </span>
            </div>
            <div class="middle">
                <div class="bottom">
					<p>Nulla enim nibh, consectetuer sed, vestibulum elementum, sagittis nec, diam.</p>

					<p>Mauris blandit vehicula neque. Proin consectetuer. Donec venenatis. Cras urna metus, feugiat non, consectetuer quis, pretium quis, nunc. </p>

					<p>Nullam pede purus, tempor a, imperdiet in, porttitor at, nulla. Aliquam elit risus, volutpat quis, mattis ac, elementum eget, mauris. In hac habitasse platea dictumst. </p>
                </div>
            </div>
        </div>
                
        <div class="templaemo_h_line"></div>
                
        <div class="mytimeline_section_2">
            <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
        <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
        </div>

    </div><!-- End of left -->

    <div id="mytimeline_right">
    @RenderSection("HeaderSection")
    
    <div class="cleaner"></div>

    <div class="mytimeline_section_5">
        @RenderBody()
    </div>

    </div>
    
</div>

<div id="NotFoundInfoDialog" style="display:none;">
  @{ Html.RenderPartial("NotFoundInfo"); }
</div>
<div id="InternalServerErrorDialog" style="display:none;">
  @{ Html.RenderPartial("InternalServerErrorInfo"); }
</div>

</body>
</html>
